<template>
  <div class="app">
    <h1>{{ msg }}</h1>
    <SchoolSchool></SchoolSchool>
    <hr />

    <StudentStudent></StudentStudent>

    <hr />
  </div>
</template>

<script>
import StudentStudent from "./components/Student";
import SchoolSchool from "./components/School";
// 引入顺序改变背景颜色
export default {
  name: "App",
  components: {
    StudentStudent,
    SchoolSchool,
  },
  data() {
    return {
      msg: "hello",
      studentName: "",
    };
  },
  methods: {},
};
</script>

<style scoped>
.app {
  background-color: grey;
}
</style>

